<template>
  <div id="recruitTable">
    <el-button icon="el-icon-s-promotion" type="success" style="margin-bottom:20px" v-if="canEdit">提交</el-button>
    <el-button icon="el-icon-s-release" type="danger" style="margin-bottom:20px" v-if="canAudit">退回</el-button>
    <el-tabs v-model="activeNameHuiqian" @tab-click="tabClick">
      <el-tab-pane name="Fangan">
        <span slot="label">应届毕业生招聘计划申报表</span>
        <div v-if="canEdit">
          <el-upload
            class="upload-demo"
            action="https://jsonplaceholder.typicode.com/posts/"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            :before-remove="beforeRemove"
            multiple
            :limit="3"
            :on-exceed="handleExceed"
            :file-list="fileList">
            <el-button size="small" type="primary">点击上传</el-button>
          </el-upload>
          <el-button icon="el-icon-plus" @click="addFormVisible1=true" type="success" style="float:right">新增</el-button>
        </div>
        <div v-else>
          <div><a href="javascript:void(0)" @click="download(item.id)"><i class="el-icon-paperclip" /> 2023年度应届毕业生招聘计划申报表.pdf</a></div>
          <div><a href="javascript:void(0)" @click="download(item.id)"><i class="el-icon-paperclip" /> 2023年度应届毕业生招聘计划申报表2.pdf</a></div>
        </div>
        <el-button v-if="!canEdit" icon="el-icon-download" type="primary" style="float:right">导出</el-button>
        <h1 style="text-align:center">2023年度应届毕业生招聘计划申报表（在京单位填写）</h1>
        <el-dialog title="新增" :visible.sync="addFormVisible1" width="98%" top="20px">
          <el-form :model="editForm" label-width="200px" ref="editForm" :inline="true" style="padding:10px 0 0;clear:both" inline-message>
            <table cellspacing="0" cellpadding="0" class="mytable">
              <tr>
                <th style="width:120px; vertical-align: middle;">单位名称</th>
                <td colspan="7" style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input v-model="editForm.title" style="width:500px"></el-input>
                  </el-form-item>
                </td>
              </tr>
              <tr>
                <th style="width:120px; vertical-align: middle;">编制（员工控制数）</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <th style="width:120px; vertical-align: middle;">其中领导班子职数</th>
                <td colspan="3" style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <th rowspan="2" style="width:120px; vertical-align: middle;">拟离退休人数（截至7月底）</th>
                <td rowspan="2" style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
              </tr>
              <tr>
                <th style="width:120px; vertical-align: middle;">现有人员数</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <th style="width:120px; vertical-align: middle;">其中领导班子人数</th>
                <td colspan="3" style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
              </tr>
              <tr>
                <th rowspan="2" style="width:120px; vertical-align: middle;">上一年度年实际接收情况</th>
                <th style="vertical-align: middle;">京内生源</th>
                <th style="vertical-align: middle;">本科生</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <th style="width:120px; vertical-align: middle;">研究生</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <td style="vertical-align: middle;">小计：5人</td>
                <td rowspan="2" style="vertical-align: middle;">京内生源比例：50%</td>
              </tr>
              <tr>
                <th style="vertical-align: middle;">京外生源</th>
                <th style="vertical-align: middle;">本科生</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <th style="width:120px; vertical-align: middle;">研究生</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <td style="vertical-align: middle;">小计：5人</td>
              </tr>
              <tr>
                <th rowspan="2" style="width:120px; vertical-align: middle;">本年度需求情况</th>
                <th style="vertical-align: middle;">京内生源</th>
                <th style="vertical-align: middle;">本科生</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <th style="width:120px; vertical-align: middle;">研究生</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <td style="vertical-align: middle;">小计：5人</td>
                <td rowspan="2" style="vertical-align: middle;">京内生源比例：50%</td>
              </tr>
              <tr>
                <th style="vertical-align: middle;">京外生源</th>
                <th style="vertical-align: middle;">本科生</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <th style="width:120px; vertical-align: middle;">研究生</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <td style="vertical-align: middle;">小计：5人</td>
              </tr>
              <tr>
                <th>备注</th>
                <td colspan="7">
                  <el-input type="textarea" v-model="editForm.remark" style="width:100%"></el-input>
                </td>
              </tr>
            </table>
          </el-form>
          <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click.native="addFormSubmit" :loading="addLoading">提交</el-button>
            <el-button @click.native="addFormVisible = false">取消</el-button>
          </div>
        </el-dialog>
        <el-table :data="list1" highlight-current-row v-loading="listLoading" style="width: 100%;margin-bottom: 20px;" show-summary>
          <el-table-column type="index" label="序号" width="60" align="center">
          </el-table-column>
          <el-table-column prop="unitName" label="单位名称" min-width="150">
          </el-table-column>
          <el-table-column prop="bz" label="编制（员工控制数）" width="100" align="center">
          </el-table-column>
          <el-table-column prop="bzLd" label="其中领导班子职数" width="90" align="center">
          </el-table-column>
          <el-table-column prop="sy" label="现有人员数" width="100" align="center">
          </el-table-column>
          <el-table-column prop="syLd" label="其中领导班子人数" width="90" align="center">
          </el-table-column>
          <el-table-column prop="tx" label="拟离退休人数（截至7月底）" width="90" align="center">
          </el-table-column>
          <el-table-column label="上年度年实际接收情况" align="center">
            <el-table-column label="京内生源" align="center">
              <el-table-column prop="sndJnBk" width="70" label="本科生" align="center" />
              <el-table-column prop="sndJnYjs" width="70" label="研究生" align="center" />
              <el-table-column prop="sndJnXj" width="60" label="小计" align="center" />
            </el-table-column>
            <el-table-column label="京外生源" align="center">
              <el-table-column prop="sndJwBk" width="70" label="本科生" align="center" />
              <el-table-column prop="sndJwYjs" width="70" label="研究生" align="center" />
              <el-table-column prop="sndJwXj" width="60" label="小计" align="center" />
            </el-table-column>
            <el-table-column prop="sndJnBl" width="70" label="京内生源比例" align="center" />
          </el-table-column>
          <el-table-column label="本年度需求情况" align="center">
            <el-table-column label="京内生源" align="center">
              <el-table-column prop="bndJnBk" width="70" label="本科生" align="center" />
              <el-table-column prop="bndJnYjs" width="70" label="研究生" align="center" />
              <el-table-column prop="bndJnXj" width="60" label="小计" align="center" />
            </el-table-column>
            <el-table-column label="京外生源" align="center">
              <el-table-column prop="bndJwBk" width="70" label="本科生" align="center" />
              <el-table-column prop="bndJwYjs" width="70" label="研究生" align="center" />
              <el-table-column prop="bndJwXj" width="60" label="小计" align="center" />
            </el-table-column>
            <el-table-column prop="bndJnBl" width="70" label="京内生源比例" align="center" />
          </el-table-column>
          <el-table-column prop="remark" label="备注" width="100">
          </el-table-column>
          <el-table-column label="操作" width="120" v-if="canEdit" :key="edit">
            <template slot-scope="scope">
              <template>
                <el-dropdown split-button  @click="handleDetail(scope.row.id)" size="small" type="primary" :loading="btnLoading">
                  修改
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="handleDel(scope.row.id)" >删除</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </template>
            </template>
          </el-table-column>
        </el-table>
        <el-button v-if="canEdit" icon="el-icon-plus" type="success" style="float:right">新增</el-button>
        <el-button v-else icon="el-icon-download" type="primary" style="float:right">导出</el-button>
        <h1 style="text-align:center">2023年度应届毕业生招聘计划申报表（京外单位填写）</h1>
        <el-table :data="list1" highlight-current-row v-loading="listLoading" style="width: 100%;" show-summary>
          <el-table-column type="index" label="序号" width="60" align="center">
          </el-table-column>
          <el-table-column prop="unitName" label="单位名称" min-width="150">
          </el-table-column>
          <el-table-column prop="bz" label="编制（员工控制数）" width="100" align="center">
          </el-table-column>
          <el-table-column prop="bzLd" label="其中领导班子职数" width="90" align="center">
          </el-table-column>
          <el-table-column prop="sy" label="现有人员数" width="100" align="center">
          </el-table-column>
          <el-table-column prop="syLd" label="其中领导班子人数" width="90" align="center">
          </el-table-column>
          <el-table-column prop="tx" label="拟离退休人数（截至7月底）" width="90" align="center">
          </el-table-column>
          <el-table-column label="上年度年实际接收情况" align="center">
            <el-table-column prop="sndJwBk" width="70" label="本科生" align="center" />
            <el-table-column prop="sndJwYjs" width="70" label="硕士研究生" align="center" />
            <el-table-column prop="sndJwYjs" width="70" label="博士研究生" align="center" />
            <el-table-column prop="sndJwXj" width="60" label="小计" align="center" />
          </el-table-column>
          <el-table-column label="本年度需求情况" align="center">
            <el-table-column prop="bndJwBk" width="70" label="本科生" align="center" />
            <el-table-column prop="bndJwYjs" width="70" label="研究生" align="center" />
            <el-table-column prop="bndJwXj" width="60" label="小计" align="center" />
          </el-table-column>
          <el-table-column prop="remark" label="备注" width="100">
          </el-table-column>
          <el-table-column label="操作" width="120" v-if="canEdit" :key="edit">
            <template slot-scope="scope">
              <template>
                <el-dropdown split-button  @click="handleDetail(scope.row.id)" size="small" type="primary" :loading="btnLoading">
                  修改
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="handleDel(scope.row.id)" >删除</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </template>
            </template>
          </el-table-column>
        </el-table>
        <!-- <div v-else style="padding:20px; font-size:14px;color:#999;text-align:center">暂无数据</div> -->
      </el-tab-pane>
      <el-tab-pane name="HQ_XueXi">
        <span slot="label">应届毕业生招聘工作情况统计表</span>
        <div v-if="canEdit">
          <el-upload
            class="upload-demo"
            action="https://jsonplaceholder.typicode.com/posts/"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            :before-remove="beforeRemove"
            multiple
            :limit="3"
            :on-exceed="handleExceed"
            :file-list="fileList">
            <el-button size="small" type="primary">点击上传</el-button>
          </el-upload>
          <el-button icon="el-icon-plus" type="success" style="float:right" @click="addFormVisible2=true">新增</el-button>
        </div>
        <div v-else>
          <div><a href="javascript:void(0)" @click="download(item.id)"><i class="el-icon-paperclip" /> 2021——2023年度应届毕业生招聘工作情况统计表.pdf</a></div>
        </div>
        <!-- <div style="padding-bottom:10px">
          开始年度
          <el-date-picker
            v-model="startYear"
            type="year"
            placeholder="选择年">
          </el-date-picker>
        </div> -->
        <el-button v-if="!canEdit" icon="el-icon-download" type="primary" style="float:right">导出</el-button>
        <h1 style="text-align:center">2021——2023年度应届毕业生招聘工作情况统计表（在京单位填写）</h1>
        <el-dialog title="新增" :visible.sync="addFormVisible2" width="98%" top="20px">
          <el-form :model="editForm" label-width="200px" ref="editForm" :inline="true" style="padding:10px 0 0;clear:both" inline-message>
            <table cellspacing="0" cellpadding="0" class="mytable">
              <tr>
                <th style="width:120px; vertical-align: middle;">单位名称</th>
                <td style="vertical-align: middle;" colspan="2">
                  <el-form-item prop="title">
                    <el-input v-model="editForm.title" style="width:500px"></el-input>
                  </el-form-item>
                </td>
                <th style="width:120px; vertical-align: middle;">开始年度</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-date-picker
                      v-model="startYear"
                      type="year"
                      placeholder="选择年">
                    </el-date-picker>
                  </el-form-item>
                </td>
              </tr>
              <tr>
                <th colspan="2" style="width:120px; vertical-align: middle;"></th>
                <th style="width:120px; vertical-align: middle; text-align:center">2021年</th>
                <th style="width:120px; vertical-align: middle; text-align:center">2022年</th>
                <th style="width:120px; vertical-align: middle; text-align:center">2023年</th>
              </tr>
              <tr>
                <th style="width:120px; vertical-align: middle;" rowspan="3">毕业生留存情况</th>
                <th style="width:120px; vertical-align: middle;">实际接收落户人数</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
              </tr>
              <tr>
                <th style="width:120px; vertical-align: middle;">截至目前在岗人数</th>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
                <td style="vertical-align: middle;">
                  <el-form-item prop="title">
                    <el-input-number v-model="editForm.title" />
                  </el-form-item>
                </td>
              </tr>
              <tr>
                <th style="width:120px; vertical-align: middle;">留存率</th>
                <td style="vertical-align: middle;">90%</td>
                <td style="vertical-align: middle;">95%</td>
                <td style="vertical-align: middle;">80%</td>
              </tr>
              <tr>
                <th colspan="2" style="width:120px; vertical-align: middle;">制度建设情况（截至目前情况，请勾选）</th>
                <td colspan="3" style="vertical-align: middle;">
                  <el-checkbox-group v-model="editForm.zhidu">
                    <el-checkbox label="A">未制定毕业生招聘接收工作标准和规范</el-checkbox>
                    <el-checkbox label="B">已建立本单位毕业生招聘接收工作标准和规范</el-checkbox>
                    <el-checkbox label="C">执行上级主管部门统一招聘接收工作标准和规范</el-checkbox>
                  </el-checkbox-group>
                </td>
              </tr>
              <tr>
                <th colspan="2" style="width:120px; vertical-align: middle;">毕业生招聘接收方式（截至目前情况，请勾选）</th>
                <td colspan="3" style="vertical-align: middle;">
                  <el-checkbox-group v-model="editForm.zhidu2">
                    <el-checkbox label="A">面向社会公开招聘</el-checkbox>
                    <el-checkbox label="B">校园招聘</el-checkbox>
                    <el-checkbox label="C">内部推荐</el-checkbox>
                    <el-checkbox label="C">其他（请注明）</el-checkbox>
                  </el-checkbox-group>
                  <el-input v-model="editForm.title" style="width:500px"></el-input>
                </td>
              </tr>
            </table>
            备注：1. 本表填写近三年应届毕业生招聘情况。<br>2. “毕业生留存情况”一栏的统计口径以办理接受落户的京外生源毕业生为范围；<br>3. 在岗情况应在逐一核对接收毕业生工资、社保等劳动关系手续基础上准确填报。
          </el-form>
          <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click.native="addFormSubmit" :loading="addLoading">提交</el-button>
            <el-button @click.native="addFormVisible = false">取消</el-button>
          </div>
        </el-dialog>
        <el-table :data="list1" highlight-current-row v-loading="listLoading" style="width: 100%;">
          <el-table-column type="index" label="序号" width="60" align="center">
          </el-table-column>
          <el-table-column prop="unitName" label="单位名称" min-width="150">
          </el-table-column>
          <el-table-column label="2021年度毕业生留存情况" align="center">
            <el-table-column prop="sndJwBk3" width="90" label="实际接收落户人数" align="center" />
            <el-table-column prop="sndJwYjs3" width="90" label="截止目前在岗人数" align="center" />
            <el-table-column prop="sndJwXj3" width="70" label="留存率" align="center" />
          </el-table-column>
          <el-table-column label="2022年度毕业生留存情况" align="center">
            <el-table-column prop="sndJwBk3" width="90" label="实际接收落户人数" align="center" />
            <el-table-column prop="sndJwYjs3" width="90" label="截止目前在岗人数" align="center" />
            <el-table-column prop="sndJwXj3" width="70" label="留存率" align="center" />>
          </el-table-column>
          <el-table-column label="2023年度毕业生留存情况" align="center">
            <el-table-column prop="sndJwBk3" width="90" label="实际接收落户人数" align="center" />
            <el-table-column prop="sndJwYjs3" width="90" label="截止目前在岗人数" align="center" />
            <el-table-column prop="sndJwXj3" width="70" label="留存率" align="center" />
          </el-table-column>
          <el-table-column prop="remark" label="制度建设情况" width="250">
          </el-table-column>
          <el-table-column prop="remark" label="毕业生招聘接收方式" width="250">
          </el-table-column>
          <el-table-column label="操作" width="120" v-if="canEdit" :key="edit">
            <template slot-scope="scope">
              <template>
                <el-dropdown split-button  @click="handleDetail(scope.row.id)" size="small" type="primary" :loading="btnLoading">
                  修改
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="handleDel(scope.row.id)" >删除</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </template>
            </template>
          </el-table-column>
        </el-table>
        <!-- <div v-else style="padding:20px; font-size:14px;color:#999;text-align:center">暂无数据</div> -->
      </el-tab-pane>
      <el-tab-pane name="HQ_YiJian">
        <span slot="label">招聘应届毕业生留存情况表</span>
        <div v-if="canEdit">
          <el-upload
            class="upload-demo"
            action="https://jsonplaceholder.typicode.com/posts/"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            :before-remove="beforeRemove"
            multiple
            :limit="3"
            :on-exceed="handleExceed"
            :file-list="fileList">
            <el-button size="small" type="primary">点击上传</el-button>
          </el-upload>
          <el-button icon="el-icon-plus" type="success" style="float:right">新增</el-button>
        </div>
        <div v-else>
          <div><a href="javascript:void(0)" @click="download(item.id)"><i class="el-icon-paperclip" /> 2021——2023年度招聘应届毕业生留存情况表.pdf</a></div>
        </div>
        <!-- <div style="padding-bottom:10px">
          开始年度
          <el-date-picker
            v-model="startYear"
            type="year"
            placeholder="选择年">
          </el-date-picker>
        </div> -->
        <el-button v-if="!canEdit" icon="el-icon-download" type="primary" style="float:right">导出</el-button>
        <h1 style="text-align:center">2021——2023年度招聘应届毕业生留存情况表（在京单位填写）</h1>
        <el-table :data="list1" highlight-current-row v-loading="listLoading" style="width: 100%;margin-bottom: 20px;">
          <el-table-column prop="unitName" label="单位名称" min-width="100">
          </el-table-column>
          <el-table-column label="毕业生留存率（填写接收的所有毕业生情况，含京内、京外生源）" align="center">
            <el-table-column label="2021年" align="center">
              <el-table-column label="实际接收人数" align="center">
                <el-table-column prop="sndJwBk3" width="55" label="本科" align="center" />
                <el-table-column prop="sndJwYjs3" width="55" label="硕士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="博士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="合计" align="center" />
              </el-table-column>
              <el-table-column label="目前在岗人数" align="center">
                <el-table-column prop="sndJwBk3" width="55" label="本科" align="center" />
                <el-table-column prop="sndJwYjs3" width="55" label="硕士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="博士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="合计" align="center" />
              </el-table-column>
              <el-table-column prop="sndJwXj3" width="70" label="留存率" align="center" />
            </el-table-column>
            <el-table-column label="2022年" align="center">
              <el-table-column label="实际接收人数" align="center">
                <el-table-column prop="sndJwBk3" width="55" label="本科" align="center" />
                <el-table-column prop="sndJwYjs3" width="55" label="硕士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="博士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="合计" align="center" />
              </el-table-column>
              <el-table-column label="目前在岗人数" align="center">
                <el-table-column prop="sndJwBk3" width="55" label="本科" align="center" />
                <el-table-column prop="sndJwYjs3" width="55" label="硕士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="博士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="合计" align="center" />
              </el-table-column>
              <el-table-column prop="sndJwXj3" width="70" label="留存率" align="center" />
            </el-table-column>
            <el-table-column label="2023年" align="center">
              <el-table-column label="实际接收人数" align="center">
                <el-table-column prop="sndJwBk3" width="55" label="本科" align="center" />
                <el-table-column prop="sndJwYjs3" width="55" label="硕士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="博士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="合计" align="center" />
              </el-table-column>
              <el-table-column label="目前在岗人数" align="center">
                <el-table-column prop="sndJwBk3" width="55" label="本科" align="center" />
                <el-table-column prop="sndJwYjs3" width="55" label="硕士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="博士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="合计" align="center" />
              </el-table-column>
              <el-table-column prop="sndJwXj3" width="70" label="留存率" align="center" />
            </el-table-column>
          </el-table-column>
          <el-table-column label="操作" width="110" v-show="canEdit">
            <template slot-scope="scope">
              <template>
                <el-dropdown split-button  @click="handleDetail(scope.row.id)" size="small" type="primary" :loading="btnLoading">
                  修改
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="handleDel(scope.row.id)" >删除</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </template>
            </template>
          </el-table-column>
        </el-table>
        <el-button v-if="canEdit" icon="el-icon-plus" type="success" style="float:right">新增</el-button>
        <el-button v-else icon="el-icon-download" type="primary" style="float:right">导出</el-button>
        <h1 style="text-align:center">2021——2023年度招聘应届毕业生留存情况表（京外单位填写）</h1>
        <el-table :data="list1" highlight-current-row v-loading="listLoading" style="width: 100%;">
          <el-table-column prop="unitName" label="单位名称" min-width="100">
          </el-table-column>
          <el-table-column label="毕业生留存率" align="center">
            <el-table-column label="2021年" align="center">
              <el-table-column label="实际接收人数" align="center">
                <el-table-column prop="sndJwBk3" width="55" label="本科" align="center" />
                <el-table-column prop="sndJwYjs3" width="55" label="硕士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="博士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="合计" align="center" />
              </el-table-column>
              <el-table-column label="目前在岗人数" align="center">
                <el-table-column prop="sndJwBk3" width="55" label="本科" align="center" />
                <el-table-column prop="sndJwYjs3" width="55" label="硕士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="博士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="合计" align="center" />
              </el-table-column>
              <el-table-column prop="sndJwXj3" width="70" label="留存率" align="center" />
            </el-table-column>
            <el-table-column label="2022年" align="center">
              <el-table-column label="实际接收人数" align="center">
                <el-table-column prop="sndJwBk3" width="55" label="本科" align="center" />
                <el-table-column prop="sndJwYjs3" width="55" label="硕士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="博士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="合计" align="center" />
              </el-table-column>
              <el-table-column label="目前在岗人数" align="center">
                <el-table-column prop="sndJwBk3" width="55" label="本科" align="center" />
                <el-table-column prop="sndJwYjs3" width="55" label="硕士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="博士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="合计" align="center" />
              </el-table-column>
              <el-table-column prop="sndJwXj3" width="70" label="留存率" align="center" />
            </el-table-column>
            <el-table-column label="2023年" align="center">
              <el-table-column label="实际接收人数" align="center">
                <el-table-column prop="sndJwBk3" width="55" label="本科" align="center" />
                <el-table-column prop="sndJwYjs3" width="55" label="硕士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="博士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="合计" align="center" />
              </el-table-column>
              <el-table-column label="目前在岗人数" align="center">
                <el-table-column prop="sndJwBk3" width="55" label="本科" align="center" />
                <el-table-column prop="sndJwYjs3" width="55" label="硕士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="博士" align="center" />
                <el-table-column prop="sndJwXj3" width="55" label="合计" align="center" />
              </el-table-column>
              <el-table-column prop="sndJwXj3" width="70" label="留存率" align="center" />
            </el-table-column>
          </el-table-column>
          <el-table-column label="操作" width="110" v-show="canEdit">
            <template slot-scope="scope">
              <template>
                <el-dropdown split-button  @click="handleDetail(scope.row.id)" size="small" type="primary" :loading="btnLoading">
                  修改
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="handleDel(scope.row.id)" >删除</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </template>
            </template>
          </el-table-column>
        </el-table>
        <!-- <div v-else style="padding:20px; font-size:14px;color:#999;text-align:center">暂无数据</div> -->
      </el-tab-pane>
      <el-tab-pane name="HQ_TanHua">
        <span slot="label">招聘应届毕业生情况明细表</span>
        <div v-if="canEdit">
          <el-upload
            class="upload-demo"
            action="https://jsonplaceholder.typicode.com/posts/"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            :before-remove="beforeRemove"
            multiple
            :limit="3"
            :on-exceed="handleExceed"
            :file-list="fileList">
            <el-button size="small" type="primary">点击上传</el-button>
          </el-upload>
          <el-button icon="el-icon-upload2" type="success" style="float:right">批量导入</el-button>
          <el-button icon="el-icon-download" type="primary" style="float:right;margin-right:10px">下载模板</el-button>
          <el-button icon="el-icon-plus" type="success" style="float:right">新增</el-button>
        </div>
        <div v-else>
          <div><a href="javascript:void(0)" @click="download(item.id)"><i class="el-icon-paperclip" /> 2021——2023年度招聘应届毕业生情况明细表.pdf</a></div>
        </div>
        <el-button v-if="!canEdit" icon="el-icon-download" type="primary" style="float:right">导出</el-button>
        <h1 style="text-align:center">2021——2023年度招聘应届毕业生情况明细表（在京单位填写）</h1>
        <el-table :data="list1" highlight-current-row v-loading="listLoading" style="width: 100%;margin-bottom: 20px;">
          <el-table-column type="index" label="序号" width="60" align="center">
          </el-table-column>
          <el-table-column prop="bz" label="接收年份" width="100" align="center">
          </el-table-column>
          <el-table-column prop="unitName" label="单位名称" min-width="150">
          </el-table-column>
          <el-table-column prop="bz" label="部门名称" width="120" align="center">
          </el-table-column>
          <el-table-column prop="bzLd" label="工作岗位（职位）" width="150" align="center">
          </el-table-column>
          <el-table-column prop="sy" label="姓名" width="80" align="center">
          </el-table-column>
          <el-table-column prop="syLd" label="生源（京内/京外）" width="90" align="center">
          </el-table-column>
          <el-table-column prop="tx" label="院校" width="150" align="center">
          </el-table-column>
          <el-table-column prop="tx" label="所学专业" width="150" align="center">
          </el-table-column>
          <el-table-column prop="tx" label="是否在岗" width="90" align="center">
          </el-table-column>
          <el-table-column prop="remark" label="备注" width="150">
          </el-table-column>
          <el-table-column label="操作" width="120" v-if="canEdit" :key="edit">
            <template slot-scope="scope">
              <template>
                <el-dropdown split-button  @click="handleDetail(scope.row.id)" size="small" type="primary" :loading="btnLoading">
                  修改
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="handleDel(scope.row.id)" >删除</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </template>
            </template>
          </el-table-column>
        </el-table>
        <el-button v-if="canEdit" icon="el-icon-upload2" type="success" style="float:right">批量导入</el-button>
        <el-button v-if="canEdit" icon="el-icon-download" type="primary" style="float:right;margin-right:10px">下载模板</el-button>
        <el-button v-if="canEdit" icon="el-icon-plus" type="success" style="float:right">新增</el-button>
        <el-button v-else icon="el-icon-download" type="primary" style="float:right">导出</el-button>
        <h1 style="text-align:center">2021——2023年度接收高校毕业生情况明细表（京外单位填写）</h1>
        <el-table :data="list1" highlight-current-row v-loading="listLoading" style="width: 100%;">
          <el-table-column type="index" label="序号" width="60" align="center">
          </el-table-column>
          <el-table-column prop="bz" label="接收年份" width="100" align="center">
          </el-table-column>
          <el-table-column prop="unitName" label="单位名称" min-width="150">
          </el-table-column>
          <el-table-column prop="bz" label="部门名称" width="120" align="center">
          </el-table-column>
          <el-table-column prop="bzLd" label="工作岗位（职位）" width="150" align="center">
          </el-table-column>
          <el-table-column prop="sy" label="姓名" width="80" align="center">
          </el-table-column>
          <el-table-column prop="tx" label="院校" width="190" align="center">
          </el-table-column>
          <el-table-column prop="tx" label="所学专业" width="200" align="center">
          </el-table-column>
          <el-table-column prop="tx" label="是否在岗" width="90" align="center">
          </el-table-column>
          <el-table-column prop="remark" label="备注" width="150">
          </el-table-column>
          <el-table-column label="操作" width="120" v-if="canEdit" :key="edit">
            <template slot-scope="scope">
              <template>
                <el-dropdown split-button  @click="handleDetail(scope.row.id)" size="small" type="primary" :loading="btnLoading">
                  修改
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="handleDel(scope.row.id)" >删除</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </template>
            </template>
          </el-table-column>
        </el-table>
        <!-- <div v-else style="padding:20px; font-size:14px;color:#999;text-align:center">暂无数据</div> -->
      </el-tab-pane>
      <el-tab-pane name="HQ_CaiLiaoBanZi">
        <span slot="label">招聘应届毕业生岗位需求信息表</span>
        <div v-if="canEdit">
          <el-upload
            class="upload-demo"
            action="https://jsonplaceholder.typicode.com/posts/"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            :before-remove="beforeRemove"
            multiple
            :limit="3"
            :on-exceed="handleExceed"
            :file-list="fileList">
            <el-button size="small" type="primary">点击上传</el-button>
          </el-upload>
          <el-button icon="el-icon-upload2" type="success" style="float:right">批量导入</el-button>
          <el-button icon="el-icon-download" type="primary" style="float:right;margin-right:10px">下载模板</el-button>
          <el-button icon="el-icon-plus" type="success" style="float:right">新增</el-button>
        </div>
        <div v-else>
          <div><a href="javascript:void(0)" @click="download(item.id)"><i class="el-icon-paperclip" /> 2023年度招聘应届毕业生岗位需求信息表.pdf</a></div>
        </div>
        <el-button v-if="!canEdit" icon="el-icon-download" type="primary" style="float:right">导出</el-button>
        <h1 style="text-align:center">2023年度招聘应届毕业生岗位需求信息表（在京单位）</h1>
        <el-table :data="list1" highlight-current-row v-loading="listLoading" style="width: 100%;margin-bottom: 20px;" show-summary>
          <el-table-column prop="unitName" label="单位名称" min-width="150">
          </el-table-column>
          <el-table-column prop="dept" label="具体工作部门" width="250">
          </el-table-column>
          <el-table-column prop="bz" label="岗位" width="150" align="center">
          </el-table-column>
          <el-table-column prop="bzLd" label="专业" width="250" align="center">
          </el-table-column>
          <el-table-column prop="sy" label="京内生源" width="80" align="center">
            <el-table-column prop="sndJwBk" width="70" label="本科生" align="center" />
            <el-table-column prop="sndJwYjs" width="70" label="硕士生" align="center" />
            <el-table-column prop="sndJwYjs" width="70" label="博士生" align="center" />
            <el-table-column prop="sndJwXj" width="60" label="小计" align="center" />
          </el-table-column>
          <el-table-column prop="sy" label="京外生源" width="80" align="center">
            <el-table-column prop="sndJwBk" width="70" label="本科生" align="center" />
            <el-table-column prop="sndJwYjs" width="70" label="硕士生" align="center" />
            <el-table-column prop="sndJwYjs" width="70" label="博士生" align="center" />
            <el-table-column prop="sndJwXj" width="60" label="小计" align="center" />
          </el-table-column>
          <el-table-column label="操作" width="120" v-if="canEdit" :key="edit">
            <template slot-scope="scope">
              <template>
                <el-dropdown split-button  @click="handleDetail(scope.row.id)" size="small" type="primary" :loading="btnLoading">
                  修改
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="handleDel(scope.row.id)" >删除</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </template>
            </template>
          </el-table-column>
        </el-table>
        <el-button v-if="canEdit" icon="el-icon-upload2" type="success" style="float:right">批量导入</el-button>
        <el-button v-if="canEdit" icon="el-icon-download" type="primary" style="float:right;margin-right:10px">下载模板</el-button>
        <el-button v-if="canEdit" icon="el-icon-plus" type="success" style="float:right">新增</el-button>
        <el-button v-else icon="el-icon-download" type="primary" style="float:right">导出</el-button>
        <h1 style="text-align:center">2023年度招聘应届毕业生岗位需求信息表（京外单位）</h1>
        <el-table :data="list1" highlight-current-row v-loading="listLoading" style="width: 100%;" show-summary>
          <el-table-column prop="unitName" label="单位名称" min-width="150">
          </el-table-column>
          <el-table-column prop="dept" label="具体工作部门" width="250">
          </el-table-column>
          <el-table-column prop="bz" label="岗位" width="150" align="center">
          </el-table-column>
          <el-table-column prop="bzLd" label="专业" width="250" align="center">
          </el-table-column>
          <el-table-column prop="sy" label="学历要求" width="80" align="center">
            <el-table-column prop="sndJwBk" width="70" label="本科生" align="center" />
            <el-table-column prop="sndJwYjs" width="70" label="硕士生" align="center" />
            <el-table-column prop="sndJwYjs" width="70" label="博士生" align="center" />
            <el-table-column prop="sndJwXj" width="60" label="小计" align="center" />
          </el-table-column>
          <el-table-column label="操作" width="120" v-if="canEdit" :key="edit">
            <template slot-scope="scope">
              <template>
                <el-dropdown split-button  @click="handleDetail(scope.row.id)" size="small" type="primary" :loading="btnLoading">
                  修改
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="handleDel(scope.row.id)" >删除</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </template>
            </template>
          </el-table-column>
        </el-table>
        <!-- <div v-else style="padding:20px; font-size:14px;color:#999;text-align:center">暂无数据</div> -->
      </el-tab-pane>
      <el-tab-pane name="HQ_CaiLiaoChengYuan">
        <span slot="label">招聘在职人员岗位需求信息表</span>
        <div v-if="canEdit">
          <el-upload
            class="upload-demo"
            action="https://jsonplaceholder.typicode.com/posts/"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            :before-remove="beforeRemove"
            multiple
            :limit="3"
            :on-exceed="handleExceed"
            :file-list="fileList">
            <el-button size="small" type="primary">点击上传</el-button>
          </el-upload>
          <el-button icon="el-icon-upload2" type="success" style="float:right">批量导入</el-button>
          <el-button icon="el-icon-download" type="primary" style="float:right;margin-right:10px">下载模板</el-button>
          <el-button icon="el-icon-plus" type="success" style="float:right">新增</el-button>
        </div>
        <div v-else>
          <div><a href="javascript:void(0)" @click="download(item.id)"><i class="el-icon-paperclip" /> 2023年度招聘在职人员岗位需求信息表.pdf</a></div>
        </div>
        <el-button v-if="!canEdit" icon="el-icon-download" type="primary" style="float:right">导出</el-button>
        <h1 style="text-align:center">2023年度招聘在职人员岗位需求信息表</h1>
        <el-table :data="list1" highlight-current-row v-loading="listLoading" style="width: 100%;">
          <el-table-column type="index" label="序号" width="60" align="center">
          </el-table-column>
          <el-table-column prop="unitName" label="单位名称" min-width="150">
          </el-table-column>
          <el-table-column prop="dept" label="具体工作部门" width="250">
          </el-table-column>
          <el-table-column prop="bz" label="岗位" width="150" align="center">
          </el-table-column>
          <el-table-column prop="bzLd" label="招聘人数" width="100" align="center">
          </el-table-column>
          <el-table-column prop="bzLd" label="户籍要求" width="100" align="center">
          </el-table-column>
          <el-table-column prop="bzLd" label="学历学位" width="150" align="center">
          </el-table-column>
          <el-table-column prop="bzLd" label="专业" width="150" align="center">
          </el-table-column>
          <el-table-column prop="bzLd" label="其他条件" width="200" align="center">
          </el-table-column>
          <el-table-column prop="bzLd" label="备注" width="100">
          </el-table-column>
          <el-table-column label="操作" width="120" v-if="canEdit" :key="edit">
            <template slot-scope="scope">
              <template>
                <el-dropdown split-button  @click="handleDetail(scope.row.id)" size="small" type="primary" :loading="btnLoading">
                  修改
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="handleDel(scope.row.id)" >删除</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </template>
            </template>
          </el-table-column>
        </el-table>
        <!-- <div v-else style="padding:20px; font-size:14px;color:#999;text-align:center">暂无数据</div> -->
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
export default {
  props: {
    timestamp: '',
    canEdit: null,
    canAudit: null
  },
  data () {
    return {
      fileList: [],
      addLoading: false,
      btnLoading: false,
      editForm: {zhidu: [], zhidu2: []},
      addFormVisible1: false,
      addFormVisible2: false,
      startYear: '2021',
      list1: [{unitName: '自然资源部不动产登记中心（自然资源部法律事务中心）'}],
      topersonlist: [],
      activeNameHuiqian: 'Fangan',
      huiqiandata: {
        Fangan: {},
        HS_HuiYiYiCheng: {}
      },
      Fangansrc: '',
      showPDFVisible: false,
      YijianDuixiang: '全部（总结提炼）',
      listLoading: false,
      BanziPersonName: '全部',
      pdfviewersrc: '',
      TanhuaDuixiang: '全部',
      pdfpage: 1,
      FujianFilename: '',
      pdfviewersrcFujian: '',
      showPDFVisibleFujian: false
    }
  },
  watch: {
    timestamp (val) {
      this.loaddata()
    },
    canEdit (val) {
      console.log(val)
    },
    canAudit (val) {
      console.log(val)
    },
    '$store.state.link_hq' (val) {
      this.activeNameHuiqian = this.$store.state.link_hq
    }
    // $refs.tree2.getCurrentNode()
  },
  computed: {
    filterList: function () {
      let key = this.BanziPersonName
      let key2 = this.TanhuaDuixiang
      let oldList = this.huiqiandata.HQ_TanHua
      if (key === '全部' && key2 === '全部') {
        return oldList
      }
      if (key2 === '全部') {
        return oldList.filter(function (item) {
          return item.BanziPersonName === key
        })
      }
      if (key === '全部') {
        return oldList.filter(function (item) {
          return item.Duixiang === key2
        })
      }
      return oldList.filter(function (item) {
        return item.Duixiang === key2 && item.BanziPersonName === key
      })
    },
    dxfilterList: function () {
      let key = this.YijianDuixiang
      let oldList = this.huiqiandata.HQ_YiJianYuanShi
      if (key === '全部（总结提炼）') {
        return this.huiqiandata.HQ_YiJianZongJie
      }
      return oldList.filter(function (item) {
        return item.Fanweileixing === key
      })
    },
    SumYijianTiaoshu: function () {
      let s = 0
      if (this.dxfilterList) {
        this.dxfilterList.forEach(function (val) {
          s += val.Tiaoshu
        })
      }
      return s
    }
  },
  methods: {
    handleRemove (file, fileList) {
      console.log(file, fileList)
    },
    handlePreview (file) {
      console.log(file)
    },
    handleExceed (files, fileList) {
      this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`)
    },
    beforeRemove (file, fileList) {
      return this.$confirm(`确定移除 ${file.name}？`)
    },
    MyGetDateStr (date) { // author: meizz\
      let fmt = 'yyyy-MM-dd'
      if (date) {
        // date = date.replace(new RegExp(/-/gm), '/')
        let mydate = new Date(date)
        var o = {
          'M+': mydate.getMonth() + 1, // 月份
          'd+': mydate.getDate(), // 日
          'h+': mydate.getHours(), // 小时
          'm+': mydate.getMinutes(), // 分
          's+': mydate.getSeconds(), // 秒
          'q+': Math.floor((mydate.getMonth() + 3) / 3), // 季度
          'S': mydate.getMilliseconds() // 毫秒
        }
        if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (mydate.getFullYear() + '').substr(4 - RegExp.$1.length)) }
        for (var k in o) {
          if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))) }
        }
        return fmt
      } else {
        return null
      }
    },
    changetopersonlist () {
      this.TanhuaDuixiang = '全部'
      let _this = this
      if (this.BanziPersonName === '全部') {
        this.topersonlist = _this.huiqiandata.HQ_TanHua_ToPerson
        console.log('this.topersonlist')
        console.log(this.topersonlist.length)
      } else {
        this.topersonlist = []
        this.huiqiandata.HQ_TanHua.forEach(function (item) {
          if (item.BanziPersonName === _this.BanziPersonName) {
            _this.topersonlist.push({Name: item.Duixiang})
          }
        })
      }
    },
    tabClick () {
      var params = {Link_hq: this.activeNameHuiqian}
      this.$store.commit('tablink_hq', params)
    },
    pinggushow () {
      var params1 = {Link1: 'Pingjia'}
      this.$store.commit('tablink1', params1)
    },
    // showfile (filename, filepathname) {
    //   window.open(this.$http.defaults.baseURL + 'shenghuohui/getfujian/' + this.$route.params.id + '?filepathname=' + filepathname + '&t=' + new Date())
    // },
    showfile (filename, filepathname) {
      window.open(this.$http.defaults.baseURL + this.$http.defaults.shenghuohuiAPI + 'api/shenghuohui/getfujian?unitId=' + this.$route.params.id + '&filepathname=' + filepathname + '&t=' + new Date())
    },
    pdfshow () {
      window.open(this.basesrc + new Date())
    },
    dateFormat: function (row, column) {
      var date = row[column.property]
      if (date === undefined) {
        return ''
      }
      return this.MyGetDateStr(date)
    },
    loaddata: function () {
      let _this = this
      _this.listLoading = true
      // let para = {
      //   id: this.$route.params.id
      // }
      // var personParams = { Page: 0, Pagenum: 20, Personname: '', Unitkey: '', Sortkey: '', Isace: true, timestamp: new Date().getTime() }
      // this.$http
      //   // .post(`/shenghuohui/unithuiqian`, para)
      //   .get(this.$http.defaults.shenghuohuiAPI + `api/shenghuohui/unitHuiQian?unitId=` + this.$route.params.id)
      //   .then(function (response) {
      //     _this.listLoading = false
      //     if (response.data.success === true) {
      //       console.log('获取成功')
      //       _this.huiqiandata = response.data.result
      //       _this.topersonlist = _this.huiqiandata.HQ_TanHua_ToPerson
      //       _this.changetopersonlist()
      //       if (_this.huiqiandata.Fangan.CanRead === true) {
      //         _this.basesrc = _this.$http.defaults.baseURL + _this.$http.defaults.shenghuohuiAPI + 'api/shenghuohui/getfanganpdf?unitId=' + _this.$route.params.id + '&t=' + new Date()
      //         _this.Fangansrc = _this.$http.defaults.baseURL + _this.$http.defaults.shenghuohuiAPI + 'api/shenghuohui/getfanganpdf?unitId=' + _this.$route.params.id + '&t=' + new Date()
      //         console.log('最新url：' + _this.Fangansrc)
      //       }
      //     } else {
      //       console.log('获取数据失败:' + response.data.message)
      //       _this.$message({
      //         message: '获取数据失败:' + response.data.message,
      //         type: 'error'
      //       })
      //     }
      //   })
      //   .catch(function (error) {
      //     console.log(error)
      //     _this.$message({
      //       message: '网络获取失败:' + error,
      //       type: 'error'
      //     })
      //     _this.listLoading = false
      //   })
    }
  }
}
</script>
<style scoped>
  .mytable{
    border-top: 1px solid #74a6cc;
    border-left: 1px solid #74a6cc;
    margin:0 10px 10px;
    width: calc(100% - 20px);
  }
  .mytable th{
    padding: 10px;
    border-right: 1px solid #74a6cc;
    border-bottom: 1px solid #74a6cc;
    vertical-align: top;
    line-height: 150%;
    background: #FAFAFA;
    width:200px;
    text-align:right;
  }
  .mytable td{
    padding: 10px;
    border-right: 1px solid #74a6cc;
    border-bottom: 1px solid #74a6cc;
    vertical-align: top;
    line-height: 150%;
  }
</style>
<style>
#recruitTable .el-table{
  border:1px solid #95B8E7 !important;
}
#recruitTable .el-table td, #recruitTable .el-table th{
  border-right:1px solid #95B8E7 !important;
  border-bottom:1px solid #95B8E7 !important;
}
</style>
